<template>
    <meta-header :metaInfo="metaInfo"></meta-header>
    <div> Home </div>
    <div> <button @click="addCount"> {{count}} </button> </div>
</template>

<script>
import MetaHeader from '/src/components/vue-meta/meta-header.vue'

export default {
  components: {
    MetaHeader,
  },
  setup() {
    
  },
  data () {
    return {
      count: 0,
    }
  },
  computed: {
    metaInfo() {
      return {
        title: 'Home ' + this.count
      }
    }
  },
  methods: {
    addCount() {
      this.count ++
    }
  }
}
</script>
